.flex-center{display: flex;align-items: center;justify-content: center;}
.flex-between{display: flex;align-items: center;justify-content: space-between;}
.col-orange{color:#ff9a4d;}
.col-green{color: #45ee88;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
p{margin: 0;}
ul {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
}
.afterbg {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 70%;
  background-color: #e2e2e2;
  top: 15%;
  right: 0;
}
.position{position: relative;margin-left: -10px;}
.type-num-tlt{color: #98baff;font-size: 12px;position: absolute;top: 71px;left: 10px;}
.icon-baobiaozhongxin{margin-right: 5px;}
.mr5{margin-right: 5px;}
.ant-btn-primary{background-color: #3c57c4;border-color: #3c57c4;height: 28px;border-radius: 2px;text-align:center;min-width:75px;padding: 0 8px;font-size: 13px;
  i{font-size: 13px;
    &.more{transform: rotate(90deg);}
  }
  &:hover{background-color: #445488;border-color: #445488;}
}
.arrow-up, .arrow-down{display: inline-block; width: 10px;height: 12px;}
.arrow-up{background: url(./up.svg) no-repeat 100%;}
.arrow-down{background: url(./down.svg) no-repeat 100%;}
// .active-rank{background-color: #2c3b9e;border-radius: 100%;display: inline-block;width: 20px;height: 20px;line-height: 20px;color: #17dfff;font-size: 12px;}
.page-main{background-color: #100a34;min-height: 100vh;position: relative;
  .container {margin: 25px 52px;position: relative;
    &.full-container{padding-top: 25px;margin-top: 0;}
  }  
  article{background-color: #16193d;border-radius: 2px;margin: 25px 0;padding: 22px;
    >h3{font-size: 20px;color: #fff;text-align: center;margin-bottom: 20px;}        
  }
  section{background-color: #1e1e4a;border-radius: 2px;padding:10px 20px;color: #98baff;font-size: 14px;height:100%;
    em{font-style: inherit;font-size: 24px;}
    h3{color: #98baff;font-size: 16px;margin:0;
      >i{margin-right: 8px;font-size: 15px;color: #43a3f6;
        &.icon-a-paiming1{font-size: 17px;}
      }
    }
  }
  .hoverShow {cursor: pointer;border-bottom: 3px solid rgba(255, 255, 255, 0); padding: 11px 15px; 
    &:hover {border-bottom: 3px solid #fff;}
    &.active {color: #fff;border-bottom: 3px solid #fff;}
  }
  .tab-box{
    >span{background-color: #0a1140;border: solid 1px #1890ff;padding: 5px 15px;border-style: solid;border-width: 1px;
    border-color: #433ac8;color: #98baff;cursor: pointer;
      &:first-of-type{border-radius: 4px 0px 0px 4px;}
      &:last-of-type{border-radius: 0px 4px 4px 0px;}
      &.active{background-color: #1d3595;color: #93b3f9;border-color: #1890ff;}
      &:hover{opacity: 0.8;}
    }
  }
}


/deep/ .ant-statistic{display: inline-block;
  .ant-statistic-content{color: #fff;white-space: pre;}
  .ant-statistic-title{margin-bottom: -7px;font-size: 12px;color: #98baff;}
  // .ant-statistic-content-prefix{margin-right: -5px;}
}
/deep/ div{
  .ant-radio-wrapper{color: #98baff;}
  .ant-radio-checked .ant-radio-inner{border-color: #6761c2;}
  .ant-radio-inner{background-color: #0a1140;border-color: #6761c2;}
  .ant-radio-inner::after{background-color: #f28e2b;}
}
/deep/ .ant-select-selection{border: 1px solid #070431;background-color: #070431;color: #83a0e9;
  border-radius: 4px;min-width:120px;
  .ant-select-arrow{color: rgba(255, 255, 255, 0.65);}
}
/deep/ .ant-row{display: flex;flex-wrap: wrap;}
/deep/ .table-box {margin-top: 10px;
  .ant-table, .ant-pagination-item a, .ant-pagination-prev a, .ant-pagination-next a, .ant-pagination-item-ellipsis {color: #c7cceb !important;}
  .ant-table {
    .ant-table-thead > tr > th{background-color: #263070;color: #98baff;}
    .ant-table-thead > tr > th, .ant-table-tbody > tr > td{padding: 8px 16px;}
    .ant-table-tbody > tr > td, .ant-table-thead > tr > th{border-bottom: 1px solid #2f2f65;}
    .ant-table-tbody > tr:hover:not(.ant-table-row-selected) > td{
      background: #16193d;
    }    
  }
  .ant-pagination{margin-top: 25px;display: flex;justify-content: center;
    li:hover a{color: #fff !important;}    
    .ant-pagination-disabled a{color: #6c6c6c !important;}
    .ant-pagination-item-active{background-color: #1890ff;border-radius: 4px;
      a{color: #fff !important;}
    }
  }
  &.pagination-right .ant-pagination{justify-content: flex-end;}
  .ant-spin-blur{opacity: 0.3;}
  .ant-table-placeholder{background: #0a1140; border-top: 1px solid #263070;border-bottom: 1px solid #263070;}
  .ant-empty-description{color: #98baff;}
  .ant-statistic-content-value-int, .ant-statistic-content-value-decimal,.ant-statistic-content{font-size: 14px;}
  .ant-table-row-expand-icon{background: #070431;border: 1px solid #0a1140;line-height:15px;}
}


